<%@page import="java.util.*"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../include/tag.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<title>自定义信息收集</title>
<link rel="stylesheet" href="${ctx}/css/common/list.css">
<link rel="stylesheet" href="${ctx}/css/common/table.css">
<%@include file="../include/commonFile.jsp"%>
</head><body>
<!--头部-->
<%@include file="../include/header.jsp"%>
<div class="index-outside">
	<%@include file="../include/sidebar.jsp"%>
	<!--内容-->
	<section>
		<div class="section-main">
			<form class="layui-form" action="${ctx}/gatherForm/project/list.do" id="myForm" method="post">
				<input type="hidden" name="pageNo" id="pageNo" />
				<div class="f-search-bar">
					<div class="search-container">
						<ul class="search-form-content">
							<li class="form-item-inline"><label
								class="search-form-lable">项目名称</label>
								<div class="layui-input-inline">
									<input type="text" name="title" autocomplete="off" class="layui-input" value="${project.title}" placeholder="请输入查询项目名称">
								</div>
							</li>
							<li class="form-item-inline">
								<div class="sub-btns">
									<a class="layui-btn layui-btn-danger" href="javascript:submitFunction('#myForm')">查询</a>
									<a class="layui-btn layui-btn-normal" href="javascript:resetFunction('#myForm')">重置</a>
								</div>
							</li>
						</ul>
						<ul class="search-form-content">
							<li class="form-item"><label class="search-form-lable">更新时间</label>
								<div class="check-btn-inner" id="timeType">
									<a id="all" href="javascript:void(0);" onclick="setTimeType($(this),0,'#myForm')" ${empty input.timeType || input.timeType == 0 ? 'class="active"' : ''}>全部</a>
									<a href="javascript:void(0);" onclick="setTimeType($(this),1,'#myForm')" ${input.timeType == 1 ? 'class="active"' : ''}>今天</a>
									<a href="javascript:void(0);" onclick="setTimeType($(this),2,'#myForm')" ${input.timeType == 2 ? 'class="active"' : ''}>本周内</a>
									<a href="javascript:void(0);" onclick="setTimeType($(this),3,'#myForm')" ${input.timeType == 3 ? 'class="active"' : ''}>本月内</a>
									<input type="hidden" name="timeType" value="${input.timeType}" />
								</div>
								<div class="layui-inline">
									<div class="layui-input-inline">
										<input class="layui-input" type="text" name="createStart" value="${input.createStart}" placeholder="开始日" >
									</div>
									-
									<div class="layui-input-inline">
										<input class="layui-input" type="text" name="createEnd" value="${input.createEnd}" placeholder="截止日" >
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</form>
			<div class="list-content">
				<div class="cl">
					<table class="layui-table">
						<colgroup>
							<col>
							<col>
							<col width="150">
							<col width="170">
							<col width="260">
						</colgroup>
						<thead>
							<tr>
								<th>项目名称</th>
								<th>发布者</th>
								<th>收集人数</th>
								<th>更新时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="project" items="${gatherProjects}">
								<tr class="detail-content1">
									<td class="table-member" title="${project.title}">
										<div class="member-name ellipsis-1">${project.title}</div>
									</td>
									<td class="table-member"
										onclick="openDialogShow('用户名片','${ctx}/system/member/memberView.do?id=${project.createBy}','400px','470px')">
										<div class="member-cell">
											<div class="member-logo common-img"
											>
												<img src="<c:if test="${ project.memberLogo!= null}">${project.memberLogo}?imageMogr2/auto-orient/crop/126x126</c:if>" alt="" onerror="txz.errImg(this)" onload="txz.imgLoad(this)">
											</div>
											<div class="member-name ellipsis-1"><a class="blue"
																				   title="${project.memberName}"
																				   href="javascript:void(0);">${project.memberName}</a>
											</div>
										</div>
									</td>
									<td><div>${project.totalNum}</div></td>
									<td><div><fmt:formatDate value="${project.updateDate}" pattern="yyyy-MM-dd HH:mm" /></div></td>
									<td class="opts-btns tb-opts" style="width: 330px">
										<div class="comm-opts">
											<a class="qr-btn" href="javascript:txz.openQrDialog({
												title:'扫码二维码可预览分享',
												detailList:[{
													title:'项目详情二维码',
													url:'${project.qrCodeUrl}'
												}]
											})">二维码</a>
											<a href="${ctx}/gatherForm/form/list.do?projectId=${project.id}">信息管理</a>
											<a class="green" href="${ctx}/gatherForm/project/toForm.do?id=${project.id}">编辑</a>
											<a class="red" href="javascript:txz.deleteObject('确定要删除吗？','${ctx}/gatherForm/project/delete.do?id=${project.id}', '已有收集信息，不能删除','#myForm');">删除</a>
										</div>
									</td>
								</tr>
							</c:forEach>
						</tbody>
					</table>
					<c:if test="${page.totalCount == 0}">
						<div class="f16 tc mt15">还没有项目</div>
					</c:if>
				</div>
			</div>
			<div id="page_content" class="page-container"></div>
		</div><!--底部-->
		<%@include file="../include/footer.jsp"%>
	</section>
</div>

<script type="text/javascript" src="${ctx}/script/common/list.js"></script>
<script type="text/javascript" src="${ctx}/script/common/table_option.js"></script>
<script type="text/javascript">
	<%--showActive('${input.createStart}', '${input.createEnd}', '#timeType');--%>
    $(function () {
//加载分页
        loadPageNew({elem: 'page_content',totalCount: '${page.totalCount}',limit: '${page.limit}',page: '${page.page}'});
        layui.use(['laydate'],function () {
            var laydate = layui.laydate;
            var start = {
                elem: 'input[name=createStart]'
            };

            var end = {
                elem: 'input[name=createEnd]'
            };
            laydate.render(start);
            laydate.render(end);
        })
    })

    function openHelpDialog() {
        txz.openHelpDialog({
            title: '手机效果预览',
            describe:
            '可以针对已经参加活动的人员或其他人员，创建想要收集的信息，用户在手机即可填写信息。',
            detailList: [{
                text: '1/项目介绍',
                url: '${ctx}/image/dialog/gaf_1.jpg'
            }, {
                text: '2/信息填写',
                url: '${ctx}/image/dialog/gaf_2.jpg'
            }, {
                text: '3/提交申请',
                url: '${ctx}/image/dialog/gaf_3.png'
            }]
        })
    }
</script>
<script type="text/javascript">
	txz.initHeader({
		nav:[{
			name: '自定义信息收集',
			curr: true
		}],
        info: '<span class="f14 gray">根据自己的需要，自定义创建需要收集的信息。'  +
        '<a href="javascript:openHelpDialog()" class="red ml10"><i class="iconfont icon-mobile"></i>手机端效果</a>\n',
		btns:[{
			name: '发布项目',
			icon: 'add',
			href: '${ctx}/gatherForm/project/toForm.do',
            isCheckExpire: true
		}]
	});
</script>
</body>
</html>